<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>无抵押信用贷</title>
    <!--bootstrap要导入的文件-->
    <script th:src="@{/script/jquery-1.12.4.js}"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <link rel="stylesheet" th:href="@{/css/loanmian.css}"/>
    <script th:src="@{/script/bootstrap.js}"></script>
    <link rel="stylesheet" th:href="@{/bootstrap/css/city-picker.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/index.css}" type="text/css">
    <script th:src="@{/script/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/vue.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/axios.min.js}" type="text/javascript"></script>
    <script type="text/javascript">
        // 上下滚动
        function AutoScroll(obj) {
            $(obj).find("ul:first").animate({
                    marginTop: "-25px"
                },
                500,
                function () {
                    $(this).css({
                        marginTop: "0px"
                    }).find("li:first").appendTo(this);
                });
        }

        $(document).ready(function () {
            var myar = setInterval('AutoScroll("#scrollDiv")', 3000);
            $("#scrollDiv").hover(function () {
                    clearInterval(myar);
                },
                function () {
                    myar = setInterval('AutoScroll("#scrollDiv")', 3000)
                }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
        });
    </script>
</head>
<body>
<div class="container-fluid" style="background-color: #fff">
    <div class="row">
        <div th:replace="loan/public::head"></div>
    </div>
    <div class="row">
        <a style="text-decoration: none;
        margin-left: 171px;
        margin-top: 55px;
        display: inline-block;" th:href="@{/loan/loanmian}">首页 ></a><span style="color: #D0D0D0">公积金贷</span>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <img height="350px" style="
    margin-left: 158px;" th:src="@{/images/1.png}" tppabs="http://daikuan.pingan.com/app_images/loan2020/3.png" width="650px">
            <div class="smtitle">
                <div>
                    <div style="display: inline-block;position: absolute;left: 50px;top:30px;font-size: 20px;font-weight: 800">无抵押贷款,最高50万</div>
                    <div style="display: inline-block;position: absolute;left: 250px;width:400px;top:30px">
                        <div style="float: left;margin-left: 40px;margin-right: 39px;">
                            <p>贷款金额:1-50</p>
                            <p>月利益:1.1%-1.15%</p>
                        </div>
                        <div style="float: left">
                            <p style="">贷款期限:3-24个月</p>
                            <p>还款方式:等额本息</p>
                        </div>

                    </div>
                </div>

            </div>
        </div>
        <div class="col-lg-4">
            <div class="smtitleloan" style="
    margin-left: -24px;
    margin-right: 137px;
    height: 351px;">
                <h3 style="   width: 305px;
    height: 43px;
    text-align: center;
    border-bottom: 1px solid #9a9292;
    line-height: 43px;
    font-size: 20px;
    color: #fff;
    background-color: #658297;">立即申请 <font style="float: left;color: red;margin-left: 67px;"></font></h3>
                <div>
                    <h3 style="margin-top: 76px;
    margin-left: 17px;
    font-size: 20px;
    font-weight: 600;

    color: #658297;">有公积金即可立即申请,最快一天到账</h3>
                    <div th:if=" no eq ${session.forapplys.idcard}">
                        <a style="    background-color: #658297;
    margin: 60px 0px 0px 80px;
    display: inline-block;
    width: 150px;
    height: 40px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 40px;" th:href="@{/loan/Personal/preSafe}">完善资料</a>
                    </div>
                    <div th:if=" yes eq ${session.forapplys.idcard}">
                        <a style="    background-color: #658297;
    margin: 60px 0px 0px 80px;
    display: inline-block;
    width: 150px;
    height: 40px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 40px;" th:href="@{/loan/agreeapply1}">立即申请</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div style="margin-left: 163px;
    width: 1027px;">
                <div>
                    <h3 style="font-size: 20px;    padding-left: 5px;
    font-weight: 600;
    margin-top: 47px;
    border-left: 5px solid red;">申请知识</h3>
                    <div id="zhishi" style="    margin: 20px;">
                        <span>贷款金额:<i>1万-50万</i></span>
                        <span>贷款期限:<i>3-24个月</i></span>
                        <span>月利率:<i>1.3%</i></span>
                        <span>还款方式:<i>等额本息</i></span>
                    </div>
                </div>
                <div>
                    <h3 style="font-size: 20px;    padding-left: 5px;
    font-weight: 600;
    margin-top: 47px;
    border-left: 5px solid #658297;">申请条件</h3>
                    <div id="tiaojian" style="    margin: 20px;">
                        <img th:src="@{/images/2-1.png}">
                        <span>21-55周岁的中国公民</span>
                        <img th:src="@{/images/2-2.png}">
                        <span>有公积金即可立即申请,最快一天到账</span>
                        <img th:src="@{/images/2-3.png}">
                        <span>信用记录良好</span>
                    </div>
                </div>
                <div>
                    <h3 style="font-size: 20px;    padding-left: 5px;
    font-weight: 600;
    margin-top: 47px;
    border-left: 5px solid #1eff55;">轻松办理</h3>
                    <div id="banli" style="    margin: 20px;">
                        <span>提交申请</span>
                        <span>---------></span>
                        <span>信贷服务</span>
                        <span>---------></span>
                        <span>审批通过</span>
                        <span>---------></span>
                        <span>放款到账</span>
                    </div>
                </div>
                <div>
                    <h3 style="font-size: 20px;    padding-left: 5px;
    font-weight: 600;
    margin-top: 47px;
    border-left: 5px solid #2dffaa;">准备材料</h3>
                    <div id="cailiao" style="    margin: 20px;">
                        <span>● 二代身份证</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <!--网站底部-->
        <div th:replace="common/public::footer"></div>
    </div>
</div>

</div>


<script th:src="@{/bootstrap/js/jquery.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.js}"></script>
<script th:src="@{/bootstrap/js/city-picker.data.js}"></script>
<script th:src="@{/bootstrap/js/city-picker.js}"></script>
<script th:src="@{/bootstrap/js/main.js}"></script>
</body>

<script type="text/javascript">
    function smloan() {
        var name = $('#name').val();
        var phone = $('#phone').val();
        var address = $('#address').val();
        var idcard = $('#idcard').val();
        if (name == null || name.trim() == "") {
            $("#error").html("姓名不能为空！");
            return false;
        } else if (phone == null || phone.trim() == "" || phone.trim().length != 11) {
            $("#error").html("请输入正确的电话号码！");
            return false;
        } else if (idcard == null || idcard.trim() == "" || idcard.trim().length != 18) {
            $("#error").html("请输入正确的身份证！");
            return false;
        } else if (address == null || address.trim() == "") {
            $("#error").html("请选择所在地！");
            return false;
        }
        return true;
    }
</script>
</html>